import React, { Component } from 'react';
// import { Link } from 'react-router-dom';
import './Neidi.scss';


class Com extends Component {
    constructor (props) {
      super(props)
      this.state = {}
    }
  
    render () {
      return (
        <div className = "labelnav-warp">
        <div className = "labelnav">
            <div className= "left">
                <p className="p1">地区</p>
                <p className="p2">类型</p>
                <p className="p3">年份</p>
            </div>
            <div className= "right">
                <ul className="nav-1">
                    <li className="active"><span>全部</span></li>
                    <li><span>内地</span></li>
                    <li><span>港台</span></li>
                    <li><span>欧美</span></li>
                    <li><span>韩国</span></li>
                    <li><span>日本</span></li>
                    <li><span>其他</span></li>
                </ul>
                <ul className="nav-2">
                    <li className="active"><span>全部</span></li>
                    <li><span>官方版</span></li>
                    <li><span>影视原声</span></li>
                    <li><span>舞蹈</span></li>
                    <li><span>混音版</span></li>
                    <li><span>KTV版</span></li>
                    <li><span>音乐电影</span></li>
                    <li><span>演唱会</span></li>
                    <li><span>颁奖礼</span></li>
                    <li><span>动漫</span></li>
                    <li><span>翻制版</span></li>
                    <li><span>预告版</span></li>
                    <li><span>花絮版</span></li>
                    <li><span>游戏</span></li>
                    <li><span>广告</span></li>
                    <li><span>创意</span></li>
                    <li><span>搞笑</span></li>
                    <li><span>制服</span></li>
                    <li><span>一镜到底</span></li>
                    <li><span>迷幻</span></li>
                    <li><span>重口味</span></li>
                    <li><span>鬼畜</span></li>
                    <li><span>穿越</span></li>
                    <li><span>剧情</span></li>
                    <li><span>清新</span></li>
                    <li><span>民族风</span></li>
                    <li><span>弹奏</span></li>
                    <li><span>景色</span></li>
                    <li><span>杀马特</span></li>
                    <li><span>戏曲</span></li>
                    <li><span>儿歌</span></li>
                </ul>
                <ul className="nav-3">
                    <li className="active"><span>2018</span></li>
                    <li><span>2017</span></li>
                    <li><span>2016</span></li>
                    <li><span>2015</span></li>
                    <li><span>2014</span></li>
                    <li><span>2013</span></li>
                    <li><span>2012</span></li>
                    <li><span>2011</span></li>
                    <li><span>2010</span></li>
                    <li><span>00年代</span></li>
                    <li><span>其他</span></li>
                </ul>
            </div>
        </div>
        </div>    
      )
    }
  }
  
  export default Com;